<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/logon.css">
</head>
<body>
    <div class="top">
        <div><img src="img/logo-dd26c2.png" alt=""></div>
        <p>欢迎登录</p>
    </div>
    <div class="imge">
        <div class="content">
            <div id="tex">
                <p >账户登录</p>
                <p >快捷登录</p>
            </div>
            <section class="show" id="sect1">
                <div class="null"></div>
                <input type="text" class="inp1" id="iphone" placeholder="请输入英文">
                <span id="phone"></span>
                <input type="text" class="inp2" id="userpass" placeholder="密码">
                <span id="pass"></span>
                <p class="reg">
                    <span class="span1">忘记密码</span>
                    <span class="span2">免费注册</span>
                </p>
                <button id="loadBtn">立即登录</button>
                <span id="loadmsg"></span>
                <p class="p2">or</p>
                <div class="threeimg">
                    <p>
                        <img src="img/img1.jpg" alt="">
                    </p>
                    <p>
                        <img src="img/img2.jpg" alt="">
                    </p>
                    <p>
                        <img src="img/img3.jpg" alt="">
                    </p>
                </div>
            </section>
            <section id="sect2">
                <div class="null"></div>
                <input type="text"  class="inp3" id="iphone" placeholder="请输入手机号">
                <p id="phone"></p>
                <div class="test">
                    <input type="text"   class="inp4" id="userpass" placeholder="验证码">
                    <span id="change"></span>
                    <p id="pass"></p>
                </div>
                <div class="test">
                    <input type="text"   class="inp5" placeholder="验证码">
                    <span id="change">获取验证码</span>
                </div>
                <p class="check">
                    <input type="checkbox" name="" id="">
                    <span>已同意《<a>用户协议</a>》和《<a>隐私政策</a>》</span>
                </p>
                <button id="loadBtn">立即登录</button>
                <p id="loadmsg"></p>
                <p class="p2">or</p>

                <div class="threeimg">
                    <p>
                        <img src="img/img1.jpg" alt="">
                    </p>
                    <p>
                        <img src="img/img2.jpg" alt="">
                    </p>
                    <p>
                        <img src="img/img3.jpg" alt="">
                    </p>
                </div>
            </section>
        </div>
    </div>
    
    <div id="bottom">
        Copyright © 2015-2021 新华互联电子商务有限责任公司 版权所有
    </div>
    <script src="js/jquery-3.2.1.min.js"></script>

    <script src="js/machine.js"></script>
    <script src="js/logon.js"></script>
    <script src="js/cookieTools.js"></script>
    
</body>
</html>